<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">

  <title>登录</title>

  <link href="./nightly/css/ionic.css" rel="stylesheet">
  <link href="./js/mui/css/mui.min.css" rel="stylesheet">
  <link href="./css/style.css" rel="stylesheet">

  <script src="./nightly/js/ionic.bundle.js"></script>

  <script src="./js/utils/app-conf.js"></script>
  <script src="./js/utils/toast.js"></script>

  <script src="./js/resetSize.js"></script>

  <script src="./cordova.js"></script>
  <script src="./cordova_plugins.js"></script>
  <script src="./js/plugins/JpushPlugin.js"></script>
  <script src="./js/plugins/JpushPlugin02.js"></script>
  <script src="./js/plugins/PayPluginJava.js"></script>
  <script src="./js/plugins/PayPluginJs.js"></script>
  <script src="./js/plugins/DeviceJs.js"></script>
  <script src="./js/spin.js"></script>
  <script src="./js/jquery-2.1.4.js"></script>
  <script src="./js/utils/myUtil.js"></script>
  <script src="./js/mui/js/mui.min.js"></script>

  <script src="./js/login.js"></script>
  <style>
    .area {
      margin: 20px auto 0px auto;
    }
    
    .mui-input-group {
      margin-top: 10px;
    }
    
    .mui-input-group:first-child {
      margin-top: 20px;
    }
    
    .mui-input-group label {
      width: 22%;
    }
    
    .mui-input-row label~input,
    .mui-input-row label~select,
    .mui-input-row label~textarea {
      width: 78%;
    }
    
    .mui-checkbox input[type=checkbox],
    .mui-radio input[type=radio] {
      top: 6px;
    }
    
    .mui-content-padded {
      margin-top: 25px;
    }
    
    .mui-btn {
      padding: 10px;
    }
    
    .link-area {
      display: block;
      margin-top: 25px;
      text-align: center;
    }
    
    .spliter {
      color: #bbb;
      padding: 0px 8px;
    }
    
    .oauth-area {
      position: absolute;
      bottom: 20px;
      left: 0px;
      text-align: center;
      width: 100%;
      padding: 0px;
      margin: 0px;
    }
    
    .oauth-area .oauth-btn {
      display: inline-block;
      width: 50px;
      height: 50px;
      background-size: 30px 30px;
      background-position: center center;
      background-repeat: no-repeat;
      margin: 0px 20px;
      /*-webkit-filter: grayscale(100%); */
      border: solid 1px #ddd;
      border-radius: 25px;
    }
    
    .oauth-area .oauth-btn:active {
      border: solid 1px #aaa;
    }
    
    .oauth-area .oauth-btn.disabled {
      background-color: #ddd;
    }
    
    #BgDiv {
      background-color: #7A7676;
      position: absolute;
      z-index: 99;
      left: 0;
      top: 0;
      display: none;
      width: 100%;
      height: 1000px;
      opacity: 0.5;
      filter: alpha(opacity=50);
      -moz-opacity: 0.5;
    }
  </style>
</head>


<body  ng-app="app">
  <div id="BgDiv"></div>
  <ion-nav-view id="body"></ion-nav-view>

</body>

</html>